<!DOCTYPE html>
<html>

<head>
    <title>beantools introduce</title>

    <meta http-equiv="content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="beantools,java frame,属性,property,field,java,frame,克隆,clone,加签,sign,自主研发，中国程序员">
    <meta name="description" content="这是展示beantools框架的主要信息页，beantools是由中国程序员自主开发的java框架。它的功能主要用来操作对象属性。">
    <meta name="author" content="zby,baoya,zbone,baoya@www.superjson.com">
    <meta name="robots" content="all">
    <meta http-equiv="Content-Language" content="zh-cn"/>

    <link href="img/ico/favicon2.ico" rel="shortcut icon">
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <!--<link rel="stylesheet" href="https://cdn.staticfile.org/twitte/r-bootstrap/3.3.7/css/bootstrap.min.css">-->
    <link href="css/plugins/netdna/bootstrap.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet'
          type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
    <link href="css/plugins/swiper.css" rel="stylesheet" type="text/css">
    <link href="css/plugins/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="css/agency.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/plugins/summernote/summernote.css" type="text/css">
    <link href="css/zoom.css" rel="stylesheet" type="text/css">
    <script src="vendor/jquery/jquery.js" type="text/javascript"></script>

    <style type="text/css">
        .btn-white {
            background-color: white !important;
        }

        #signInForm input::-webkit-input-placeholder, #loginForm input::-webkit-input-placeholder {
            color: #c9cad3;
            font: normal 13px/20px '宋体';
        }

        #signInForm input::-moz-placeholder, #loginForm input::-moz-placeholder {
            color: #c9cad3;
            font: normal 13px/20px '宋体';
        }

        #signInForm input::-ms-input-placeholder, #loginForm input::-ms-input-placeholder {
            color: #c9cad3;
            font: normal 13px/20px '宋体';
        }

        .left-box-shadow {
            -moz-box-shadow: 8px 2px 13px #6B6B6B;
            -webkit-box-shadow: 8px 2px 13px #6B6B6B;
            box-shadow: 8px 2px 13px #6B6B6B;
        }

        .a-child {
            color: black;
            padding-top: 10px !important;
            font: normal 17px/25px '华文仿宋';
            text-decoration: none;
        }

        .a-header {
            color: black;
            font: normal 20px/30px '华文仿宋';
            padding-bottom: 10px;
            text-decoration: none;
        }

        .hand-color {
            color: #fec503
        }

        .a-style:hover {
            color: green;
        }

        .a-style:hover {
            color: black;
        }

        .header-color {
            color: white !important;
            font-size: 13px;
            font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        }
    </style>
</head>

<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-sm" style="background-color: black !important;">
    <ul class="navbar-nav">
        <a class="navbar-brand js-scroll-trigger " href="index.html#page-top">beantools frame</a>
        <li class="nav-item">
            <a class="header-color nav-link js-scroll-trigger" href="javadoc/index.html">API</a>
        </li>
        <li class="nav-item">
            <a class=" header-color nav-link js-scroll-trigger" href="index.html#introduce">介绍</a>
        </li>
        <li class="nav-item">
            <a class="header-color nav-link js-scroll-trigger" href="index.html#sharpComm">锐评</a>
        </li>
        <li class="nav-item">
            <a class="header-color nav-link js-scroll-trigger" href="index.html#team">团队</a>
        </li>
        <li class="nav-item">
            <a class="header-color nav-link js-scroll-trigger" href="index.html#contact">联系我们</a>
        </li>
        <li class="nav-item" id="loginLi">
            <a class="header-color nav-link js-scroll-trigger " href="index.html#loginLi">登录</a>
        </li>
        <li class="nav-item" id="signInLi">
            <a class="header-color header-color nav-link js-scroll-trigger" href="index.html#signInLi">注册</a>
        </li>
        <li class="nav-item" id="userInfo" style="display: none">
            <span class="header-color nav-link js-scroll-trigger"></span>
        </li>
        <li class="nav-item" id="logOutLi" style="display: none">
            <a class="header-color nav-link js-scroll-trigger " href="JavaScript:void(0)" onclick="Utils.logOut()">退出</a>
        </li>
    </ul>
</nav>

<div class="container-fiuled" style="position:absolute;top: 15%;width: 100%;height: auto;">
    <div class="row">
        <div class="col-md-2 left-catalog" style="height: auto;">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item layui-nav-itemed" v-for="item in articles">
                    <a href="javascript:void(0);" class="a-header" :cid="item.id" cflag="clickToRight">{{item.name}}</a>
                    <dl class="layui-nav-child ">
                        <dd v-for="it in item.children">
                            <a href="javascript:void(0);" class="a-child" :cid="it.id" cflag="clickToRight">{{it.name}}</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="col-md-9 col-md-offset-1" style="height: auto;">
            <!--展示内容-->
            <div style="padding: 15px;" id="content" class="left-box-shadow col-sm-10">
                <div class="container col-sm-10" v-html="article.content"></div>

                <!--文章点评-->
                <div id="evaluate" style="padding: 20px; text-align: center;margin-top: 1%;position: relative">
                    <i class="glyphicon glyphicon-thumbs-up" ctype="EVALUATE_RESULT_GOOD" style="font-size: 25px;"
                       :cid="articleId" onclick="fns.evaluate(this)"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                    <i class="glyphicon glyphicon-thumbs-down" ctype="EVALUATE_RESULT_POOR" style="font-size: 25px;"
                       :cid="articleId" onclick="fns.evaluate(this)"></i>
                </div>
                <!--<div style="padding: 20px; text-align: center;margin-top: 1%">-->
                    <!--<span>当前文章的点击量：<strong>{{clicks}} </strong></span>-->
                <!--</div>-->
            </div>

            <!--展示评论-->
            <div style="margin-top:3%;padding: 10px;" class="left-box-shadow col-lg-10 col-md-10 col-sm-10" v-if="comments">
                <h3 style="font: normal 20px/30px '华文仿宋';">评论</h3>
                <div class="container col-lg-10" v-for="item in comments">
                    <div class="text-info">
                        <div class="col-lg-10">
                            {{item.memberPhone}}&nbsp;&nbsp;&nbsp;&nbsp;
                            <small style="color:gray">{{item.createDatetime}}</small>
                        </div>
                        <div class="col-lg-1">
                            <a href="javascript:void(0)" style="color: black" :cid="item.id" title="编辑" cflag="edit">
                                <i class="glyphicon glyphicon-edit" class="a-style"></i>
                            </a>
                        </div>
                        <div class="col-lg-1">
                            <a href="javascript:void(0)" style="color: black" class="a-style" title="删除" :cid="item.id" cflag="del">
                                <i class="glyphicon glyphicon-trash" class="a-style"></i>
                            </a>
                        </div>
                    </div>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <small v-html="item.content"></small>
                        <hr>
                    </div>

                </div>
            </div>

            <!--添加评论-->
            <div class="col-sm-10">
                <div style="margin-top:3%;"><h3 style=" font: normal 20px/30px '华文仿宋';">发表评论</h3></div>
                <div id="commentContainer"></div>
            </div>
            <div class="col-sm-5" style="margin-top: 10px !important;">
                <div class="form-horizontal">
                    <select class="form-control" id="commentType" v-model="comment.commentType">
                        <option value="">评论类型</option>
                        <option v-for="item in enums.CommentTypeEnum" :value="item.key">{{item.value}}</option>
                    </select>
                </div>
                <br>
                <button class="btn-sm btn-default btn-white col-sm-2.5 " id="submitComment" cflag="submitComment"
                        :cid="articleId">提交评论
                </button>
                <button class="btn-sm btn-default btn-white col-sm-offset-1 col-sm-1.5">取消</button>
            </div>
        </div>
    </div>
    <br>
</div>

</body>
<script src="js/plugins/layui/layui.js" type="text/javascript"></script>
<script src="js/plugins/zoom.js" type="text/javascript"></script>
<script src="js/plugins/transition.js" type="text/javascript"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=	f4f28d6f202b8de52c446e6bdfb3a515"></script>
<script src="js/plugins/layui/layui.all.js" type="text/javascript"></script>
<script src="js/plugins/swiper.js" type="text/javascript"></script>
<script src="js/plugins/swiper.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/plugins/vue.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="js/plugins/summernote/bootstrap.js"></script>
<script src="js/plugins/summernote/summernote.js"></script>
<script src="js/plugins/summernote/summernote-zh-CN.js"></script>
<script src="js/plugins/summernote/summernote-active.js"></script>
<script src="vendor/jquery-easing/jquery.easing.min.js" type="text/javascript"></script>
<script src="js/plugins/jqBootstrapValidation.js" type="text/javascript"></script>
<!--<script src="js/plugins/agency.min.js" type="text/javascript"></script>-->
<script src="js/pageJs/constant.js" type="text/javascript"></script>
<script src="js/pageJs/utils.js" type="text/javascript"></script>
<script src="js/pageJs/mainPro.js" type="text/javascript"></script>

</html>
